/*
	CSE 403 Cloud Composer Group (https://code.google.com/p/cloud-composer/wiki/CloudComposer)
	Eui Min Jung, Hannah Hemmaplardh, James Vaughan, Jared Clement, Junebae Kye, Jungryul Choi, Michael Lam

	Styling for grid

- hierachy
Grid {
	Inner Grid {
		+Measures {
			+Columns {
				+Octaves {
					Squares
				}
			}
		}
	}
}

*/

.adjuster
{
	width: 8px;
	height: inherit;
	background-color:white;
	opacity: 0.5;
	position:absolute;
	right:0px;
}
 
.grid_square
{
	background-position: 2px 2px;
	background-repeat:no-repeat;
}
 
/* Square */
#grid > div > div > div > div > div
{
	border:1px solid #AAAAAA;
	float:left;
	margin-bottom:1px;
	width: 40px;
	height: 40px;
	cursor:pointer;
	position:relative;
}

/* Octave */
#grid > div > div > div > div
{
	margin-bottom: 4px;
}

/* selector */
#grid > div > div > div > button
{
	margin:0px;
	width:100%;
	height:14px;
	position:relative;
}

/* Column Number */
#grid > div > div > div > button > span
{
	font-weight:bold;
	font-size:12px;
	position:relative;
	top:-4px;
}

/* Column */
#grid > div > div > div
{
	float:left;
	padding-top:1px;
	margin-left:1px;
}

/* Measure & Extender*/
#grid > div > div
{
	float:left;
	margin-right:4px;
}

#grid
{
	overflow-y:hidden;
	overflow-x:auto;
}

#extender
{
	background-image:url('../images/extender_arrow.png');
	background-repeat:no-repeat;
	background-position:center;
	background-color:#444444;
	margin-top:1px;
	cursor:pointer;
}
#extender:hover
{
	background-color:#AAAAAA;
}
